<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>runoob的首页</title>
		<link rel="stylesheet" href="../../../css/runoob/runoob.css" />
		
		<link rel="stylesheet" href="../../../css/font-awesome.min.css" />	
	</head>
	<body>
		
		<!-- 最外面的div-->
		<div id="container" >
			<!--页眉 开始-->
			<div id="header">
				<!--log部分-->
				<div id="log">
					
					<div id="log600">
						<img src="../../../img/runoob/runoob-logo.png" />
					</div>
					<div id="search200">
						<input placeholder="搜索..." type="text" class="searchInput"  />
					</div>
				</div>
				<!--导航栏部分-->
				<div id="navigate">
					
					<ul>
						<li>首页</li>
						<li>菜鸟笔记</li>
						<li>菜鸟工具</li>
						<li>参考手册</li>
						<li>测验/考试</li>
					</ul>
					
				</div>
				
			</div>
			<!--页眉 结束-->
			
			<!--主体部分开始-->
			<div class="main">
				
				<!--左边的菜单部分开始-->
				<div class="left-menu">
					<ul>
						<li>
							<i class="xyz fa-external-link"></i>
							数据库
						</li>
						<li>
							<i class="xyz fa-external-link"></i>
							移动端
						</li>
						
					</ul>
				</div>
				<!--左边的菜单部分结束-->
				
				<!--右边的主体部分开始-->
				<div class="right-content">
					这是主体
				</div>
				<!--右边的主体部分结束-->
				
			</div>
			<!--主体部分结束-->
			
			<!--页脚-->
			<div id="foot"></div>
		</div>
	</body>
</html>
